<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>项目介绍</title>
    <link rel="icon" href="../static/img/logoIco.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="../static/css/base.css">
    <link rel="stylesheet" href="../static/css/header.css">
    <link rel="stylesheet" href="../static/css/footer.css">
    <script src="../static/js/jquery-1.12.4.js"></script>
    <style>
        .content{
            width: 100%;
            height: 1700px;
            font-family: "宋体";
        }
        .content .project_main{
            width: 850px;
            height: 100%;
            margin: 0 auto;
            margin-top: 190PX;

            box-sizing: border-box;
        }
        .project_main .project_title{
            font-size: 30px;
            text-align: center;
            font-weight: bold;
        }
        .project_main .project_content{
            font-size: 20px;
            text-align: left;
            line-height: 35px;
            text-indent: 2em;
            margin-top: 40px;
        }
        .project_auther{
            font-weight: bold;
            text-align: right;
            margin-top: 50px;
        }
    </style>
</head>
<body>

<script>
    $(function () {

        // 注册提示
        var $timer;

        // 接收后端的数据
        var result = {{ result | safe }};
        userstatu = result.userstatu;

        //登陆成功
        if(userstatu == 1){
            username = result.username;

            console.log('username:'+username);
            $('.nav_user').css('display','inline-block');
            $('.nav_right').css('display','none');
            $('.user_welcome').text(username);
        }


        $('.colse').click(function () {
            // $('.nav_user').css('display','none');
            // $('.nav_right').css('display','flex');
            window.location.href="http://127.0.0.1:8000/";
        })

    })
</script>

<!--网页头部-->
<div class="header">
    <div class="header_left">
        <a href="../index"><div class="logo"></div></a>
        <div class="header_title">一带一路 电商影响因素识别系统</div>
    </div>
    <div class="header_right">
        <ul class="nav_left">
            <a href="../textMining"><li>文本挖掘</li></a>
            <a href="../dataAnalysis"><li>大数据分析</li></a>
            <a href="../tech"><li>技术实现</li></a>
            <a href="../projectDesc"><li>项目介绍</li></a>
            <a href="../selfCenter"><li>个人简介</li></a>
        </ul>

        <!--登录注册-->
        <ul class="nav_right">
            <a href="/"><li class="login">登录</li></a>
            <a href="../register"><li class="register">注册</li></a>
        </ul>

        <!--用户登录成功-->
        <form method="post">
            {% csrf_token %}

            <ul class="nav_user">
                <li class="user_img">
                    <ul class="sub">

                        <!--<li><a href="">设置</a></li>-->
                        <li class="colse" name="close" value="1">退出</li>

                    </ul>
                </li>
                <li class="user_welcome"></li>
            </ul>
        </form>
    </div>
</div>

<!--网页内容-->
<div class="content">
    <div class="project_main">
        <div class="project_title">一带一路 电商影响因素识别系统</div>
        <div class="project_content">
            <p> 2014年成功召开世界互联网大会，意味着我国迎来了互联网发展的新时代。将“一带一路”倡议与互联网技术完美结合，为电子商务尤其是跨境电商的发展提供了先决条件。本系统利用 Python 爬虫技术对“中国一带一路”政府官方网站和“亿邦动力网”进行文本挖掘，发掘研究“一带一路”贸易对电子商务发展的影响因素。根据官方贸易数据指导，开发了贸易数据分析、电商因素文本挖掘等功能，有效的从“一带一路”政府报告中发掘关键信息，并生成可视化图形和主题内容。</p>
            <!--<p>&nbsp;</p>-->
            <p>系统采用B/S架构搭建web应用，应用了Python 的 Django 来搭建系统服务，系统整体划分为前端和后端部分，实现了前后端分离以便于维护。前端技术使用 HTML5、CSS3、JavaScript 进行开发动态页面，使用Echars对一带一路大数据指数进行可视化分析，后端技术使用Python 爬虫进行文本挖掘，Textrank算法对“一带一路”数据进行解析获取摘要，最后使用wordcloud 来生成数据可视化词云。</p>
            <!--<p>&nbsp;</p>-->
            <p>前端页面有主界面、文本挖掘界面、大数据分析界面、技术实现界面、项目介绍、个人简介以及登录和注册功能。主要的功能有：</p>
            <p>&nbsp&nbsp1、系统整体的描述</p>
            <p>&nbsp&nbsp2、“一带一路”数据文本挖掘</p>
            <p>&nbsp&nbsp3、“一带一路”关键因素可视化展示和主题解析</p>
            <p>&nbsp&nbsp4、一带一路大数据指数可视化分析</p>
            <p>&nbsp&nbsp5、系统技术实现</p>
            <p>&nbsp&nbsp6、项目和个人介绍</p>
            <p>&nbsp&nbsp7、注册和登录功能</p>
            <p>考虑到不同浏览器之间的兼容性、良好的用户体验、开发成本以及系统展示效果，开发语言采用了HTML5、CSS3、JavaScript 进行开发。网页结构分为了顶部区域 &lt;div class="header"	&gt;、内容区域 &lt;div class="content"&gt;、底部区域 &lt;div class="footer"&gt;，使用 CSS3 对 header、content、footer 标签控制样式和布局排版。脚本语言在 &lt;script&gt; 标签内部使用 jQuery 框架来实现前后端数据交互。源码详见static文件。在一带一路大数据指数可视化分析网页中，从“中国一带一路网”爬取了一带一路大数据贸易指数，使用了开源可视化库 Echars 对数据进行可视化展示和交互。</p>
            <p>在文本挖掘页面中，当用户输入“中国一带一路网”和“亿邦动力网”的网址链接并点击“文本挖掘”按钮，前端页面会将后端传递的词云图片和文章摘要显示在网页中。</p>
            <!--<p></p>-->
            <p>主要使用 Python 的 Django 框架，Django 是一个基于MVC构造的框架。但是在 Django 中，控制器接受用户输入的部分由框架自行处理，所以 Django 里更关注的是模型（Model）、模板(Template)和视图（Views），称为 MTV模式。</p>
            <p>通过获取到前端输入的网址，在后端爬取文章的内容，使用 jieba 将文章进行分词，jieba基于前缀词典实现高效的词图扫描，生成句子中汉字所有可能成词情况所构成的有向无环图 (DAG)，采用了动态规划查找最大概率路径, 找出基于词频的最大切分组合，对于未登录词，采用了基于汉字成词能力的 HMM 模型，使用了 Viterbi 算法将分好的词库使用 wordcloud 库生成词云图。使用 Textrank 算法获取文章摘要，算法描述如下：</p>
            <p>&nbsp&nbsp1、如果一个单词出现在很多单词后面的话，那么说明这个单词比较重要。</p>
            <p>&nbsp&nbsp2、一个TextRank值很高的单词后面跟着的一个单词，那么这个单词的 TextRank 值会相应地因此而提高。</p>
            <p>&nbsp&nbsp3、通过选取文本中重要度较高的句子形成文摘。</p>

            </div>
        <div class="project_auther">作者：陈薇</div>
    </div>

</div>

<!--网页底部-->
<div class="footer">
    <div class="top">

        <span class="QRcode"><img src="../static/img/QRcode.jpg"/> </span>
        <a href="#"><div class="goback">回到顶部</div></a>

    </div>
    <div class="down">
        <div class="selfInfo">
            <a href="../selfCenter">个人简介</a>
            |
            <a href="../projectDesc">项目介绍</a>
        </div>
        <div class="copyright">
            copyright@2017-2020 陈薇
        </div>
    </div>
</div>
</body>
</html>